<template>
	<view>
		<dialog-shell ref="shell" title="用户登录" confirm-text="登录" @confirm="confirmLogin">
      <image src="../../static/icons/icon.png" class="icon"></image>
      <text class="welcome">欢迎使用</text>
      <text @click="clickGoRegister" class="info-register" >还没有账号？请注册</text>
      <view class="login-container">
        <input type="text" placeholder="请输入账号" placeholder-class="input-holder" :value="userValue" @input="inputGetUser"/>
        <text class="iconfont icon-yonghu ic-user"></text>
      </view>
      <view class="login-container" style="margin-bottom: 20rpx">
        <input v-if="isPwd" :value="pwdValue" type="password" placeholder="请输入密码" placeholder-class="input-holder" @input="inputGetPwd"/>
        <input v-else :value="pwdValue" type="text" placeholder="请输入密码" placeholder-class="input-holder"@input="inputGetPwd"/>
        <text :class="isPwd ? 'iconfont icon-mimayincang ic-pwd-status' :'iconfont icon-mimaxianshi ic-pwd-status'" @click="clickSwitch"/>
        <text class="iconfont icon-mima  ic-user"></text>
      </view>
    </dialog-shell>
	</view>
</template>

<script>
	export default {
		name:"login-dialog",
		data() {
			return {
				isPwd:true,
        pwdValue:"",
        userValue:""
			};
		},
    mounted(){
      let userInfo=uni.getStorageSync("userLoginInfo")
      // console.log(userInfo)

      if (userInfo){
        this.userValue=userInfo.username
        this.pwdValue=userInfo.password
      }
    },
    methods:{
      clickGoRegister(){
        uni.navigateTo({
          url: '../../pages/register/register',

          success :res=>{
            this.$refs.shell.clickToHide()
          },
          fail:()=>{},
          complete:()=>{}
        })
      },
      show(){
        this.$refs.shell.show()
      },
      clickSwitch(){
        this.isPwd=!this.isPwd
      },
      inputGetPwd(e){
        this.pwdValue=e.detail.value
      } ,
      inputGetUser(e){
        this.userValue=e.detail.value
      },
      confirmLogin(){
        if (this.userValue.length==0||this.pwdValue.length==0){
          uni.showToast({
            title:"请输入账号和密码",
            icon:'none'
          })
          return
        }
        let url = this.$params.host + this.$params.action_login
        let data={
          username:this.userValue,
          password:this.pwdValue
        }
        this.$request.post(url, data, res => {
          uni.showToast({
            title:res.message,
            icon:'none'
          })
          // console.log(res)
          if(!res.success){
            this.$refs.shell.show()
            this.userValue=''
            this.pwdValue=''
            console.log(this.userValue)
            return
          }
          uni.setStorageSync("userLoginInfo",data)
          let app=getApp()
          app.globalData.uid=res.data.id
          app.globalData.token=res.data.token
          app.globalData.avatar=res.data.avatar
          console.log( app.globalData.avatar)
          app.globalData.type=res.data.type
          app.globalData.nickName=res.data.nickName
          app.globalData.userName=res.data.userName
          app.globalData.email=res.data.email
          // console.log(app.globalData)
          this.$emit("after")
          this.$noti.post(this.$params.noti_login_status, false)
        }, () => {
        })
      },

    }
	}
</script>

<style>
@import url("login-dialog.css");
</style>